import React from 'react'

import  {Buy} from './buy'
import {Identify} from './identify'
import My  from './my/MyContainer'
import  {Protect} from './protect'
import {useHistory} from 'react-router-dom'
import Tabbar from '../../components/tabbar/Tabbar'

// import {HomeWrapper} from './home'
import buy from '@/assets/images/buy.png'
import activebuy from '@/assets/images/buy2.png'
import hy from '@/assets/images/hy.png'
import activehy from '@/assets/images/hy2.png'
import my from '@/assets/images/my.png'
import activemy from '@/assets/images/my2.png'
import identify from '@/assets/images/identify.png'
import activeidentify from '@/assets/images/identify2.png'

export default function Home() {
    // console.log(activebuy);
    const history=useHistory()

    const handleClick=()=>{
        // history.push('/protect')
        console.log(100);
    }
    return (
        <>
           <Tabbar
            bgColor="#f9f9f9"
            color='#ccc'
            tintColor='#000'
           >
               <Tabbar.Item
               title="购买"
               icon={<img width='28' height='28' src={buy}></img>}
               activeIcon={<img width='28' height='28' src={activebuy}></img>}
               >
                   <Buy></Buy>
                </Tabbar.Item>

                <Tabbar.Item
                title="鉴别查询"
                icon={<img width='28' height='28' src={identify}></img>}
                activeIcon={<img width='28' height='28' src={activeidentify}></img>}
               
                >
                   <Identify></Identify>
                </Tabbar.Item>

                <Tabbar.Item
                title="洗护"
                icon={<img width='28' height='28' src={hy}></img>}
                activeIcon={<img width='28' height='28' src={activehy}></img>}
                onClick={handleClick}
                >
                </Tabbar.Item>

                <Tabbar.Item
                    title="我"
                    icon={<img width='28' height='28' src={my}></img>}
                    activeIcon={<img width='28' height='28' src={activemy}></img>}
                >
                    <My></My>
                </Tabbar.Item>
           </Tabbar>
        </>
    )
}
